div[card-head] {
  font-size: 1.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.status {
	&:before{
		content: "";
		display: block;
		clear: both
	}
	&:after{
		content: "";
		display: block;
		clear: both
	}
	div{
		width: 20%;
		float: left;
		height: 3rem;
	}
	span {
		color: gray;
	}
}

.info {
  display: flex;
  flex-wrap: wrap;
  // justify-content: space-between;
  flex-direction: column;

//   div:last-child {
//     flex: 100%;
//     margin-top: 1rem;
//   }

  .first_line {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    div {
      display: flex;
      align-items: center;
      height: 3rem;
    }

    span,
    label {
      color: gray;
    }
  }
  .two_line{
    margin: 20px 0;
    display: flex;
    flex-wrap: nowrap;
    div {
      display: flex;
      align-items: center;
      height: 2rem;
      margin-right: 30px;
      }
      span,
      label {
      color: gray;
      }
      .terminalType{
        min-width: 160px;
      }

    }
}

.hardware {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 2rem;

  span {
    color: gray;
  }
}

.form-group {
  display: flex;
  margin-bottom: unset;

  label {
    white-space: nowrap;
  }
}
